<html>
  <head>
    <link rel="stylesheet" type="text/css" href="../css/c3.css">
  </head>
  <body>
    <div id="chart1"></div>
    <div id="chart2"></div>

    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
    <script src="../js/c3.js"></script>
    <script>

    var chart1 = c3.generate({
      "bindto": "#chart1",
      "axis": {
          "x": {
            "type": "timeseries",
            "min": 1401879600000,
            "max": 1401969600000,
          }
      },
      "data": {
        "type": "line",
        "columns": [
            ["epoch", 1401879600000, 1401883200000, 1401886800000],
            ["y", 1955, 2419, 2262]
        ],
        "xs": {
            "y": "epoch"
        }
      }
    });

    var chart2 = c3.generate({
      "bindto": "#chart2",
      "axis": {
          "x": {
            "type": "timeseries",
            "min": new Date(1401879600000),
            "max": new Date(1401969600000),
          }
      },
      "data": {
        "type": "line",
        "columns": [
            ["epoch", 1401879600000, 1401883200000, 1401886800000],
            ["y", 1955, 2419, 2262]
        ],
        "xs": {
            "y": "epoch"
        }
      }
    });

    </script>
  </body>
</html>
